// 盒子逐渐变大
.bdbx {
        animation: animationScale 1s 1;
}

@-webkit-keyframes animationScale {
        0% {
                transform: scale(1);
        }

        100% {
                transform: scale(1.0);
        }
}

//文字省略1行
.slh {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}

// 弹性居中
.flex_center {
        display: flex;
        justify-content: center;
        align-items: center;
}

// 弹性两边
.flex_between {
        display: flex;
        justify-content: space-between;
}

//弹性居左
.flex_left {
        display: flex;
        justify-content: flex-start;
        align-items: center;
}

// 弹性居右
.flex_right {
        display: flex;
        justify-content: flex-end;
        align-items: center;
}

// 点击抖动
.active:active {
        animation: shake 0.3s !important;

}

@keyframes shake {

        0%,100% {
                transform: translateX(0)
        }

        10% {
                transform: translateX(-9rpx)
        }

        20% {
                transform: translateX(8rpx)
        }

        30% {
                transform: translateX(-7rpx)
        }

        40% {
                transform: translateX(6rpx)
        }

        50% {
                transform: translateX(-5rpx)
        }

        60% {
                transform: translateX(4rpx)
        }

        70% {
                transform: translateX(-3rpx)
        }

        80% {
                transform: translateX(2rpx)
        }

        90% {
                transform: translateX(-1rpx)
        }
}

// 居中定位
.poab {
        left: 0;
        top: 0;
        right: 0;
        right: 0;
        margin: auto;
}




@font-face {
        font-family: text1;
        src: url('https://kimi.dingxians.cn/hzgb.ttf');
}

::-webkit-scrollbar {
        display: none;
}

// 渐变色
.css {
        background: -webkit-linear-gradient(350deg, #01E4FF 0%, #00FCFF 32.12890625%, #FFFCCD 61.62109375%, #A56BFF 99.4140625%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}

.pts {
        font-family: text1;
        background: -webkit-linear-gradient(bottom, red, #fd8403, yellow);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}

// 背景渐变色
.bgs {
        background: linear-gradient(to right, rgba(73, 203, 219, 1), rgba(73, 203, 219, 0));
}
// 背景渐变色
.textBg {
        background: linear-gradient(to right, rgba(158, 118, 66, 1),rgba(158, 118, 66, 0));
}

// 上下漂浮
.pf {
        animation: anim 1.5s infinite alternate;
}

@keyframes anim {
        0% {
                transform: translateY(0);
        }

        100% {
                transform: translateY(30rpx);
        }
}